<!DOCTYPE html>
<style>
    body {
        margin: 0;
    }
    .container{
        padding-left:300px;
    }
    .inner-content{
        width:96%;
        height: 20px;
        margin: auto;
        margin-right: 300px;
        background-color: green;
    }
</style>
<script src="../../resources/check-layout.js"></script>
<body>
<p>crbug.com/331454: When the width of a non-replaced block flow element's margin box exceeds the available width, its margins are set to zero.</p>
<div class="container">
    <div class="inner-content" data-expected-margin-left=0></div>
</div>
<script>
checkLayout(".inner-content");
</script>
</body>
